<script src="<?php echo $templateUrl; ?>/js/vendor/modernizr.js"></script>
<script src="<?php echo $templateUrl; ?>/js/vendor/jquery.js"></script>
<script>
   var jQuery = $.noConflict();
</script>
<script type="text/javascript" src="<?php echo $templateUrl; ?>/js/foundation.min.js"></script>
<script type="text/javascript" src="<?php echo $templateUrl; ?>/js/jquery-ui.js"></script>
<script type="text/javascript" src="<?php echo $templateUrl; ?>/js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="<?php echo $templateUrl; ?>/js/jquery.nivo.slider.js"></script>
<script type="text/javascript" src="<?php echo $templateUrl; ?>/js/foundation-datepicker.js"></script>
<script>
	var $ = jQuery.noConflict();
	$(document).foundation({
		tab: {
			callback : function (tab) {

			}
		}
	});
	$('#myTabs').on('toggled', function (event, tab) {

	});
	$(function() {
		$("#from").fdatepicker();
		$("#to").fdatepicker();

		$( "#accordion" ).accordion();
		var jcarousel = $('.jcarousel');
		jcarousel
				.on('jcarousel:reload jcarousel:create', function () {
					jcarousel.jcarousel('items').width(jcarousel.innerWidth());
				})
				.jcarousel({
					wrap: 'circular',
					transitions: Modernizr.csstransitions ? {
						transforms: Modernizr.csstransforms,
						transforms3d: Modernizr.csstransforms3d,
						easing: 'ease'
					} : false
				}).jcarouselAutoscroll({
					interval: 3000,
					target: '+=1',
					autostart: true
				});

		 $( "#dialog1" ).dialog({
				autoOpen: false
	});
			   $( "#dialog2" ).dialog({
					autoOpen: false
			   });
		$( "#DepartureCity-Holder" ).click(function() {
			$( "#dialog1" ).dialog( "open" );

		});
		$( "#ArrivalCity-Holder" ).click(function() {
			$( "#dialog2" ).dialog( "open" );

		});
	});
</script>
<script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider();
	});
</script>

<!--
<script src="<?php echo $templateUrl; ?>/js/vendor/modernizr.js"></script>
<script src="<?php echo $templateUrl; ?>/js/vendor/jquery.js"></script>
<script>
   var jQuery = $.noConflict();
</script>
<script src="<?php echo $templateUrl; ?>/js/foundation.min.js"></script>
<script src="<?php echo $templateUrl; ?>/js/jquery-ui.js"></script>
<script src="<?php echo $templateUrl; ?>/js/jquery.jcarousel.min.js"></script>
<script src="<?php echo $templateUrl; ?>/js/jquery.nivo.slider.js"></script>
<script>
	var $ = jQuery.noConflict();
	$(document).foundation({
		tab: {
			callback : function (tab) {

			}
		}
	});
	$('#myTabs').on('toggled', function (event, tab) {

	});
	$(function() {
		$( "#accordion" ).accordion();
		var jcarousel = $('.jcarousel');
		jcarousel
				.on('jcarousel:reload jcarousel:create', function () {
					jcarousel.jcarousel('items').width(jcarousel.innerWidth());
				})
				.jcarousel({
					wrap: 'circular',
					transitions: Modernizr.csstransitions ? {
						transforms: Modernizr.csstransforms,
						transforms3d: Modernizr.csstransforms3d,
						easing: 'ease'
					} : false
				}).jcarouselAutoscroll({
					interval: 3000,
					target: '+=1',
					autostart: true
				});
	});
</script>
<script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider();
	});
</script>-->